import styled from "styled-components";

export const ArticleWrapper = styled.div/*css*/ `
  margin: 15px;
  .centerWrapper {
    margin: 10px 20px 10px 20px;
  }
  .btn:not(:last-child) {
    margin-right: 10px;
  }
  .arco-image {
    overflow: hidden;
  }
  .arco-table-th-item {
    text-align: center;
  }
  .arco-table-selection-col {
    width: 50px;
  }
  col {
    width: 200px;
  }
  .arco-table-tr {
    height: 50px;
  }
  .arco-table-cell {
    text-align: center;
  }
  .arco-image-img {
    object-fit: cover;
    transition: all 0.2s;
    cursor: pointer;

    &:hover {
      transform: scale(1.1);
    }
  }
  .table {
    margin: 20px 20px 0 20px;
  }
`;
